<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
<!--    <link rel="stylesheet" href="css/登录.css">-->
   <link  rel="stylesheet" href="css/loginHRT.css">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!--
    Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- FontAwesome CSS -->
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!-- Styles -->
    <link rel="stylesheet" href="css/style.css">

    <script src="js/jquery-3.6.0.js" rel="external nofollow" rel="external nofollow" rel="external nofollow" ></script>

    <style>body{text-align: center}</style>
    <script src="js/login.js"></script>

</head>

<body>
<header class="site-header">
    <div class="site-branding">
        <h1 class="site-title"><a href="origin-web.html" rel="home"><img src="images/logo.svg" height="50" width="50" alt="Logo"></a></h1>
    </div><!-- .site-branding -->
    <div class="hamburger-menu">
        <div class="menu-icon">
            <img src="images/menu-icon.png" alt="menu icon">
        </div><!-- .menu-icon -->
        <div class="menu-close-icon">
            <img src="images/x.png" alt="menu close icon">
        </div><!-- .menu-close-icon -->
    </div><!-- .hamburger-menu -->
</header><!-- .site-header -->
<div style="text-align: center">
<form  id="loginForm" method="post" >
    <div>登录账号</div>
    <table>
        <tr><td><span>用户名</span></td><td><input type="text" name="user_name"  id="username"/></td></tr>
        <tr><td><span> 密码</span></td><td><input type="password" name="user_password" id="password" /></td></tr>
        <tr><td colspan="2"><button type="button" id="btn_login" >登录</button></td></tr>
    </table>
</form>
</div>
</body>

</html>